<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
<!-- 
    没有模块化的一些问题：
    1.多个JS脚本文件的依赖关系（比如，a依赖c，c依赖e ...）
    2.多个JS脚本中容易出现命名冲突
    3.相同的业务逻辑不方便复用
 -->

<script src="./e.js"></script>
<script src="./c.js"></script>
<script src="./a.js"></script>
<script src="./b.js"></script>
<script src="./d.js"></script>
<script src="./f.js"></script>
<script src="./g.js"></script>

</body>
</html>